<template>
  <div>
    <!-- 模糊查询 -->
    <v-search @setTotal="getTotal" ref="vSearch"></v-search>
    <!-- 表格展示 -->
    <v-presentation></v-presentation>
    <!-- 分页查询 -->
    <v-pagination :total="total" @currentPage="currentPage"></v-pagination>
  </div>
</template>

<script>
// 模糊查询
import vSearch from "./search"
// 表格展示
import vPresentation from "./presentation";
// 分页开始
import vPagination from "../../components/pagination/index"

export default {
  data() {
    return {
      total: 10,
    }
  },
  components:{
    vPresentation,
    vSearch,
    vPagination
  },
  methods:{
    currentPage(page) {
      let data = {
        page
      }
      this.$refs.vSearch.getAllOutInfo(data)
    },
    // 获取总页数
    getTotal(total) {
      this.total = total;
    }
  }
}
</script>

<style>

</style>